<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="telephone=no" name="format-detection" />
    <title>聊天窗口</title>
    <link href="css/main.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/shake.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="css/idangerous.swiper.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/wo.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('body,html').animate({scrollTop:$("#page1").offset().top},1500);
            //评论
            $("#search").click(function(){
                $(".main").fadeIn(300)
            });
        });
    </script>
</head>
<body style="background-color: #fff !important;">
<div class="warpe">
    <div class="head">
        <a href="#" class="return"><i class="icon-chevron-left"></i> 返回</a>
        聊天窗口
        <a href="community_sign.html" class="search"><i class="icon-edit"></i> </a>
    </div>
    <div class="">
        <div class="chatsideall">
            <div class="chatside">
                <div class="chat_left">
                    <div class="chat_limg puff_left">
                        <a href="#"><img src="img/banner.jpg"> </a>
                    </div>
                    <div class="chat_txt puff_left">
                        <p>最近你在忙啥呢？项目跟得怎么样了？</p>
                        <span>2015-12-31 18:00</span>
                        <i class="let_icon"></i>
                    </div>
                </div>
            </div>
            <div class="chatside">
                <div class="chat_left">
                    <div class="chat_limg puff_right">
                        <a href="#"><img src="img/pic2.jpg"> </a>
                    </div>
                    <div class="puff_right chat_txt2">
                        <p>哈哈哈，我在做网站呢，好厉害啊，你要不要也过来试试啊？！</p>
                        <span>2015-12-31 18:00</span>
                        <i class="right_icon"></i>
                    </div>
                </div>
            </div>

            <div class="chatside">
                <div class="chat_left">
                    <div class="chat_limg puff_left">
                        <a href="#"><img src="img/banner.jpg"> </a>
                    </div>
                    <div class="chat_txt puff_left">
                        <p>好的，我马上过去。</p>
                        <span>2015-12-31 18:00</span>
                        <i class="let_icon"></i>
                    </div>
                </div>
            </div>

            <div class="chatside">
            <div class="chat_left">
                <div class="chat_limg puff_right">
                    <a href="#"><img src="img/pic2.jpg"> </a>
                </div>
                <div class="puff_right chat_txt2">
                    <p>哈哈哈，我在做网站呢，好厉害啊，你要不要也过来试试啊？！</p>
                    <span>2015-12-31 18:00</span>
                    <i class="right_icon"></i>
                </div>
            </div>
        </div>
            <div class="chatside">
                <div class="chat_left">
                    <div class="chat_limg puff_right">
                        <a href="#"><img src="img/pic2.jpg"> </a>
                    </div>
                    <div class="puff_right chat_txt2">
                        <p>哈哈哈，我在做网站呢，好厉害啊，你要不要也过来试试啊？！</p>
                        <span>2015-12-31 18:00</span>
                        <i class="right_icon"></i>
                    </div>
                </div>
            </div>
            <div class="chatside">
                <div class="chat_left">
                    <div class="chat_limg puff_right">
                        <a href="#"><img src="img/pic2.jpg"> </a>
                    </div>
                    <div class="puff_right chat_txt2">
                        <p>哈哈哈，我在做网站呢，好厉害啊，你要不要也过来试试啊？！</p>
                        <span>2015-12-31 18:00</span>
                        <i class="right_icon"></i>
                    </div>
                </div>
            </div>
            <div class="chatside">
                <div class="chat_left">
                    <div class="chat_limg puff_right">
                        <a href="#"><img src="img/pic2.jpg"> </a>
                    </div>
                    <div class="puff_right chat_txt2">
                        <p>哈哈哈，我在做网站呢，好厉害啊，你要不要也过来试试啊？！</p>
                        <span>2015-12-31 18:00</span>
                        <i class="right_icon"></i>
                    </div>
                </div>
            </div>
            <div class="chatside">
                <div class="chat_left">
                    <div class="chat_limg puff_right">
                        <a href="#"><img src="img/pic2.jpg"> </a>
                    </div>
                    <div class="puff_right chat_txt2">
                        <p>哈哈哈，我在做网站呢，好厉害啊，你要不要也过来试试啊？！</p>
                        <span>2015-12-31 18:00</span>
                        <i class="right_icon"></i>
                    </div>
                </div>
            </div>
            <div id="page1"></div>
        </div>
    </div>
</div>
<div class="postinput">
    <input type="text" placeholder="说些什么">
    <a href="#"><img src="img/icon_bq.png"></a>
    <a href="#"><i class="icon-share-alt"></i> </a>
</div>
</body>
</html>